<template>
    <div >
        <logo :a-is-collapse="showRef" :a-width="widthRef"></logo>    
        <button @click="toggle">toggle </button>
    </div>
</template>
<script setup lang='ts'>
    ////#region defineXxx
    //defineOptions({
        //name:
    //});

    //const props=defineProps({
        //propA:{
            //type:String,
            //required:true
        //},
        //propB:{
            //type:Number,
            //default:1
        //},
        //propC:{
            //type:String as PropType<MyType>,
            //required:true
        //},
    //});

    //const emit = defineEmits<{
        //event1:[para1:number,para2:string],
        //event2:[para1:number,para2:string],
    //}>();
    ////#endregion
import { ref } from 'vue';
import logo from './logo.vue';
    const showRef=ref(true);
    const toggle=()=>{
        showRef.value=!showRef.value;
        //widthRef.value=widthRef.value/2;
    }
    const widthRef=ref(400);


    
</script>
<style lang='less' scoped>
    
</style>